<!DOCTYPE html>
<html>
    <head>
        <title>SISCO - Transferir productos</title>

        {include file="head_scripts.html"}
    </head>

    <body>

        {include file="header.html"}

        <div class="container">
            {include file="messages.html"}
            
            {if (true)}
<div id="" class="row">
	

                    {if (true)}
<div id="" class="span3">
	
                            {include file="inventario_sidebar.html"}
                        
</div>
{/if}

                    {if (true)}
<div id="" class="span9">
	

                            {if (true)}
<form id="" class="" action="" method="post" enctype="multipart/form-data">
	

                                    <legend >Transferir productos</legend>

                                    
                                        <div class="row-fluid">
                                            <div class="span4">
                                                <input id="tipo_movimiento" name="tipo_movimiento" type="hidden" value="2" />

                                                {if (true)}
<label for="fecha">Fecha</label>
<input id="fecha" name="fecha" type="date" value="{$movimiento->fecha}" placeholder=""  />
{/if}
                                                <label >Desde</label>

                                                {if (true)}
<select name="almacen-desde">
	<option value="0">Seleccione una opción</option> 
{foreach from=$almacenes item="almacen"}
	
	{if (false)}
		<option value="{$almacen->id}" selected="selected">{$almacen->descripcion}</option>
	{else}
		<option value="{$almacen->id}">{$almacen->descripcion}</option>
	{/if}

{/foreach}
</select>
{/if}
                                                <label >Hasta</label>

                                                {if (true)}
<select name="almacen-hasta">
	<option value="0">Seleccione una opción</option> 
{foreach from=$almacenes item="almacen"}
	
	{if ($movimiento->almacen->id == $almacen->id)}
		<option value="{$almacen->id}" selected="selected">{$almacen->descripcion}</option>
	{else}
		<option value="{$almacen->id}">{$almacen->descripcion}</option>
	{/if}

{/foreach}
</select>
{/if}
                                            </div>
                                            
                                            <div class="span4">
                                                {if (true)}
<label for="cantidad">Cantidad</label>
<input id="cantidad" name="cantidad" type="number" value="{$movimiento->cantidad}" placeholder="" step="any" />
{/if}
                                                {if (true)}
<label for="codigo-producto">Código</label>
<input id="codigo-producto" name="codigo-producto" type="text" value="" placeholder="EAN-13 o código interno"  />
{/if}
                                                {if (true)}
<label for="descripcion">Descripción</label>
<input id="descripcion" name="descripcion" type="text" value="" placeholder="" style="disabled" disabled="disabled" />
{/if}
                                            </div>
                                            
                                            <div class="span4 loteable" style="display:none">
                                                {if (true)}
<label for="codigo-lote">Lote</label>
<input id="codigo-lote" name="codigo-lote" type="text" value="{$movimiento->lote->codigo}" placeholder=""  />
{/if}
                                                {if (true)}
<label for="fecha-vencimiento">Fecha de vencimiento</label>
<input id="fecha-vencimiento" name="fecha-vencimiento" type="date" value="{$movimiento->lote->fecha_vencimiento}" placeholder="" disabled="disabled" />
{/if}
                                            </div>
                                    	</div>
                                    
                                    
                                    {if (true)}
<div id="" class="form-actions">
	
                                            <button id="" name="" type="submit" class='btn btn-primary btn-agregar-movimiento' disabled='disabled'>Crear</button>

                                        
</div>
{/if} <!-- .form-actions -->

                                
</form>
{/if} <!-- form -->

                        
</div>
{/if} <!-- .span9 -->

                
</div>
{/if} <!-- .row -->

            {include file="footer.html"}

        </div><!-- .container -->

        {include file="footer_scripts.html"}
 
        
        <script>
            
            // Pongo la fecha de hoy
            jQuery(document).ready(function() {
                var d		= new Date();
                var fecha	= d.getFullYear() + '-' + ("0"+(d.getMonth() + 1)).slice(-2) + '-' + ("0"+d.getDate()).slice(-2);
                jQuery('#fecha').val(fecha);
            });
            
            function desactivarAgregado() {
                jQuery('.btn-agregar-movimiento').attr('disabled','disabled');    
            }
            
            function activarAgregado() {
                desactivarAgregado();
                if (
                    (jQuery('select[name="almacen-desde"]').val() != '0') &&
                    (jQuery('select[name="almacen-hasta"]').val() != '0') &&
                    (jQuery('select[name="almacen-desde"]').val() != jQuery('select[name="almacen-hasta"]').val()) &&
                    (jQuery('#cantidad').val() > 0) &&
                    (jQuery('#descripcion').val() != 'ERROR') && (jQuery('#descripcion').val() != '')
                   )
                {
                    //alert(jQuery('#fecha-vencimiento').val());
	                jQuery('.btn-agregar-movimiento').removeAttr('disabled');    
                }
            }
            
            jQuery('select[name="almacen-desde"]').on('change',function(e) {
                activarAgregado();
            });
            
            jQuery('select[name="almacen-hasta"]').on('change',function(e) {
                activarAgregado();
            });
            
            jQuery('#cantidad').on('change',function(e) {
                activarAgregado();
            });
            
            jQuery('#codigo-producto').on('change',function(e) {
                desactivarAgregado();   
                jQuery.ajax({
                    url: 'productos/detalle/'+jQuery('#codigo-producto').val(),
                    type: 'GET',
                    dataType: 'JSON',
                    success: function(data){
                        if (data.id) {
                            jQuery('#descripcion').val(data.descripcion);
                            if (data.loteable == "1") {
                                jQuery('.loteable').show();
                            }
                            else {
                                jQuery('.loteable').hide();
                            }
                            activarAgregado();
                        }
                        else {
                            jQuery('#descripcion').val('ERROR');
                            jQuery('.loteable').hide();
                        }
                    },
                    error: function(a,b,c){
                        alert('ERROR');
                    }
                    
                });
            });
            
            
            jQuery('#codigo-lote').on('change',function(e) {
                desactivarAgregado();   
                jQuery.ajax({
                    url: 'lotes/detalle/'+jQuery('#codigo-lote').val(),
                    type: 'GET',
                    dataType: 'JSON',
                    success: function(data){
                        if (data.id != 0) {
                            jQuery('#fecha-vencimiento').val(data.fecha_vencimiento);
                            activarAgregado();
                        }
                        else {
                            var fecha = '0000-00-00';
                            jQuery('#fecha-vencimiento').val(fecha);
                        }
                    },
                    error: function(a,b,c){
                        alert('ERROR');
                    }
                    
                });
            });
        </script>

       
    </body>
</html>